<!DOCTYPE html>
<html lang="en">
<head>
    
    <!-- Title -->
    <title>Innovax</title>

    <!-- Meta -->
    <meta charset="UTF-8">
    <meta name="description" content="Innovax - IT Solutions for Your Business Services Website Template">
    <meta name="keywords" content="bootstrap, clean, responsive, html5, css3, portfolio, blog, carousel, parallax, grid, coming soon, themeforest">
    <meta name="author" content="Theme Friend">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:type" content="Website Template" />
    <meta property="og:title" content="Innovax - IT Solutions for Your Business Services Website Template" />
    <meta property="og:description" content="Innovax Simple and Lite template to create your own website for your business" />
    
    <meta property="og:site_name" content="Innovax" />
    <meta name="robots" content="index, follow">

    <!-- Stylesheets
    ============================================= -->

    <!-- Bootstrap -->
    <link rel="stylesheet" href="http://www.sucai8.cn/jquery/bootstrap-4.2.1.css">

    <!-- Fontawesome -->
    <link href="css/fonts/fontawesome/css/all.css" rel="stylesheet">

    <!-- Animate css -->
    <link rel="stylesheet" href="css/animate.css">

    <!-- Owl carouser -->
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">

    <!-- Main Css Files -->
    <link rel="stylesheet" href="css/element.css">
    <link rel="stylesheet" href="css/style.css">

</head>
<body>

    <!-- Document Wrapper
    =========================-->

    <div id="wrapper">

        <!-- Header -->
        <!-- add stickyHeader class to header to make it sticky -->
        <header class="stickyHeader">
            <!-- fixed-top -->
            <nav class="navbar navbar-expand-lg navbar-light bg-light" id="banner">
                <div class="container">
                    <!-- Brand -->
                    <a class="navbar-brand" href="#">
                        <img class="va-top" src="img/logo.png" alt="">
                    </a>

                    <!-- Toggler/collapsibe Button -->
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                    <span class="navbar-toggler-icon"></span>
                    </button>

                    <!-- Navbar links -->
                    <div class="collapse navbar-collapse" id="collapsibleNavbar">
                        <ul class="navbar-nav">
                            <li class="nav-item ">
                                <a class="nav-link" data-title="Home" href="index.html">Home</a>
                            </li>
                            
                            <li class="nav-item">
                                <a class="nav-link" data-title="Services" href="services.html">Services</a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" data-title="Price" href="pricing.html">Price</a>
                            </li>

                            <li class="nav-item dropdown active">
                                <a href="#" class="nav-link dropdown-toggle" data-title="Pages" data-toggle="dropdown">Pages</a>
                                <div class="dropdown-menu animate">
                                    <!-- <li class="nav-item dropdown-item">
                                        <a class="nav-link" data-title="Price" href="#">Price</a>
                                    </li> -->
                                    <a class="dropdown-item" href="about.html">About</a>
                                    <a class="dropdown-item" href="blog-details.html">Blog details</a>
                                    <a class="dropdown-item" href="blog-grid-3-column.html">Blog grid 3</a>
                                    <a class="dropdown-item" href="blog-with-sidebar-left.html">Blog sidebar left</a>
                                    <a class="dropdown-item" href="blog-with-sidebar-right.html">Blog sidebar right</a>
                                    <a class="dropdown-item" href="error.html">Error</a>
                                    <a class="dropdown-item active" href="faq.html">FAQ</a>
                                    <a class="dropdown-item" href="partner.html">Partner</a>
                                    <a class="dropdown-item" href="portfolio.html">Portfolio</a>
                                    <a class="dropdown-item" href="portfolio-details.html">Portfolio details</a>
                                    <a class="dropdown-item" href="service-details.html">Service details</a>
                                    <a class="dropdown-item" href="services.html">Services</a>
                                    <a class="dropdown-item" href="team-members.html">Team members</a>
                                    <a class="dropdown-item" href="testimonials.html">Testimonials</a>
                                </div>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" data-title="Contact" href="contact.html">Contact</a>
                            </li>

                            <!-- <li class="nav-item dropdown megamenu"><a id="megamneu" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle font-weight-bold text-uppercase">Mega Menu</a>
                                <div aria-labelledby="megamneu" class="dropdown-menu border-0 p-0 m-0">
                                  <div class="container">
                                    <div class="row bg-white rounded-0 m-0 shadow-sm">
                                      <div class="col-lg-7 col-xl-8">
                                        <div class="p-4">
                                          <div class="row">
                                            <div class="col-lg-6 mb-4">
                                              <h6 class="font-weight-bold text-uppercase">MegaMenu heading</h6>
                                              <ul class="list-unstyled">
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0">Unique Features</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Image Responsive</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Auto Carousel</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Newsletter Form</a></li>
                                              </ul>
                                            </div>
                                            <div class="col-lg-6 mb-4">
                                              <h6 class="font-weight-bold text-uppercase">MegaMenu heading</h6>
                                              <ul class="list-unstyled">
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Unique Features</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Image Responsive</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Auto Carousel</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Newsletter Form</a></li>
                                              </ul>
                                            </div>
                                            <div class="col-lg-6 mb-4">
                                              <h6 class="font-weight-bold text-uppercase">MegaMenu heading</h6>
                                              <ul class="list-unstyled">
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Unique Features</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Image Responsive</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Auto Carousel</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Newsletter Form</a></li>
                                              </ul>
                                            </div>
                                            <div class="col-lg-6 mb-4">
                                              <h6 class="font-weight-bold text-uppercase">MegaMenu heading</h6>
                                              <ul class="list-unstyled">
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Unique Features</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Image Responsive</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Auto Carousel</a></li>
                                                <li class="nav-item"><a href="" class="nav-link text-small pb-0 ">Newsletter Form</a></li>
                                              </ul>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="col-lg-5 col-xl-4 px-0 d-none d-lg-block" style="background: center center url(https://res.cloudinary.com/mhmd/image/upload/v1556990826/mega_bmtcdb.png)no-repeat; background-size: cover;"></div>
                                    </div>
                                  </div>
                                </div>
                              </li> -->
                        </ul>
                    </div>
                </div>
            </nav>

            <!-- search box -->
            <div class="search-box">
                <div class="container positionRelative">
                    <i class="fas fa-search search_icon"></i>
                    <form action="action.html">
                        <input type="text" placeholder="TYPE YOUR SEARCH..." name="name">
                    </form>
                    <a class="close_icon" href="#."><i class="fas fa-times "></i></a>
                </div>
            </div>
        </header>
        <!-- End Header -->

        <!-- Page Cover -->
        <section class="page-cover darkOverlay sectionPT sectionPB text-center" style="background-image: url(img/header11.jpg);">
            <div class="col-center text-center col-md-8 col-lg-7">
                <h2 class="heading text-color-white mb10">Frequently Asked Questions</h2>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active text-color-white" aria-current="page">FAQ</li>
                </ul>
            </div>
        </section>
        <!-- End Page Cover -->

        <!-- FAQ section -->
        <section class="sectionPB sectionPT faq_section">
            <div class="container">
                <div class="accordion" id="accordionExample">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card shadow-lg">
                                <div class="card-header" id="headingOne">
                                    <h2 class="mb-0">
                                        <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                          How to take your service?
                                        </button>
                                    </h2>
                                </div>

                                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                                    <div class="card-body">
                                        Lorem Ipsum is simply dummy text of the printing and typetting industry. Lorem Ipsum has been the indstry's standard dummy teerbeen the indstry's standard dum.
                                    </div>
                                </div>
                            </div>
                            <div class="card shadow-lg">
                                <div class="card-header" id="headingTwo">
                                    <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                      What is the cost per Project?
                                    </button>
                                    </h2>
                                </div>
                                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                                    <div class="card-body">
                                        Lorem Ipsum is simply dummy text of the printing and typetting industry. Lorem Ipsum has been the indstry's standard dummy teerbeen the indstry's standard dum.
                                    </div>
                                </div>
                            </div>
                            <div class="card shadow-lg">
                                <div class="card-header" id="headingThree">
                                    <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                      What is our business solution?
                                    </button>
                                    </h2>
                                </div>
                                <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
                                    <div class="card-body">
                                        Lorem Ipsum is simply dummy text of the printing and typetting industry. Lorem Ipsum has been the indstry's standard dummy teerbeen the indstry's standard dum.
                                    </div>
                                </div>
                            </div>
                            <div class="card shadow-lg">
                                <div class="card-header" id="headingFour">
                                    <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                      Where is your location?
                                    </button>
                                    </h2>
                                </div>
                                <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
                                    <div class="card-body">
                                        Lorem Ipsum is simply dummy text of the printing and typetting industry. Lorem Ipsum has been the indstry's standard dummy teerbeen the indstry's standard dum.
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card shadow-lg">
                                <div class="card-header" id="headingFive">
                                    <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                      What is the Main Purpose of inovax?
                                    </button>
                                    </h2>
                                </div>
                                <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
                                    <div class="card-body">
                                        Lorem Ipsum is simply dummy text of the printing and typetting industry. Lorem Ipsum has been the indstry's standard dummy teerbeen the indstry's standard dum.
                                    </div>
                                </div>
                            </div>
                            <div class="card shadow-lg">
                                <div class="card-header" id="headingSix">
                                    <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                      How to take your service?
                                    </button>
                                    </h2>
                                </div>
                                <div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordionExample">
                                    <div class="card-body">
                                        Lorem Ipsum is simply dummy text of the printing and typetting industry. Lorem Ipsum has been the indstry's standard dummy teerbeen the indstry's standard dum.
                                    </div>
                                </div>
                            </div>
                            <div class="card shadow-lg">
                                <div class="card-header" id="headingSeven">
                                    <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
                                      What is the cost per Project?
                                    </button>
                                    </h2>
                                </div>
                                <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#accordionExample">
                                    <div class="card-body">
                                        Lorem Ipsum is simply dummy text of the printing and typetting industry. Lorem Ipsum has been the indstry's standard dummy teerbeen the indstry's standard dum.
                                    </div>
                                </div>
                            </div>
                            <div class="card shadow-lg">
                                <div class="card-header" id="headingEight">
                                    <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
                                      Where is your location?
                                    </button>
                                    </h2>
                                </div>
                                <div id="collapseEight" class="collapse" aria-labelledby="headingEight" data-parent="#accordionExample">
                                    <div class="card-body">
                                        Lorem Ipsum is simply dummy text of the printing and typetting industry. Lorem Ipsum has been the indstry's standard dummy teerbeen the indstry's standard dum.
                                    </div>
                                </div>
                            </div>
                            <div class="card shadow-lg">
                                <div class="card-header" id="headingNine">
                                    <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine">
                                      What is the Main Purpose of inovax?
                                    </button>
                                    </h2>
                                </div>
                                <div id="collapseNine" class="collapse" aria-labelledby="headingNine" data-parent="#accordionExample">
                                    <div class="card-body">
                                        Lorem Ipsum is simply dummy text of the printing and typetting industry. Lorem Ipsum has been the indstry's standard dummy teerbeen the indstry's standard dum.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End FAQ section -->

        <!-- Footer -->
        <footer>
            <div class="top_area sm-sectionPT sm-sectionPB">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-12 col-12">
                            <div class="footer_about">
                                <h2 class="footer_title">About Inovax</h2>
                                <p class="footer_about_content">Orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever. Orem Ipsum is simply dummy text of the printing and type</p>
                                <ul class="footer_social_area">
                                    <li>
                                        <a href="#.">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#.">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#.">
                                            <i class="fab fa-linkedin-in"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#.">
                                            <i class="fab fa-google-plus-g"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-6">
                            <div class="footer_link_box">
                                <h2 class="footer_title">Useful Links</h2>
                                <ul class="footer_links">
                                    <li><a href="#.">Services</a></li>
                                    <li><a href="#.">Pricing</a></li>
                                    <li><a href="#.">FAQ</a></li>
                                    <li><a href="#.">Testimonial</a></li>
                                    <li><a href="#.">Support</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-6">
                            <div class="footer_link_box">
                                <h2 class="footer_title">Navigation</h2>
                                <ul class="footer_links">
                                    <li><a href="#.">About Us</a></li>
                                    <li><a href="#.">Team</a></li>
                                    <li><a href="#.">Clients</a></li>
                                    <li><a href="#.">Contact</a></li>
                                    <li><a href="#.">Blog</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12 col-12">
                            <div class="footer_photo_gallery">
                                <h2 class="footer_title">Photo Gallery</h2>
                                <div class="row margin0">
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer1.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer2.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer3.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer4.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer5.jpg">
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-4 col-md-4 padding0">
                                        <div class="img_area">
                                            <img alt="" src="img/footer6.jpg">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom_area">
                <div class="container">
                    <p class="copy-right-txt"><span>Inovax</span> &copy; 2019. All Rights Reserved</p>
                </div>
            </div>
        </footer>
        <!-- End Footer -->
    </div>

    <!-- End Document Wrapper
    =========================-->

    <!-- Scripts
    ============================================= -->

    <!-- jQuery library -->
    <script src="http://www.sucai8.cn/jquery/jquery-1.10.2.js"></script>

    <!-- Bootstrap Script -->
    <script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>

    <!-- Wow js -->
    <script type="text/javascript" src="js/wow.min.js"></script>

    <!-- Isotope Script -->
    <script type="text/javascript" src='js/isotope.pkgd.js'></script>
    <script type="text/javascript" src="js/imagesloaded.pkgd.js"></script>

    <!-- Owl carouser -->
    <script src="js/owl.carousel.min.js"></script>

    <!-- Tween Max -->
    <script type="text/javascript" src="js/TweenMax.min.js"></script>

    <!-- Mouse Move -->
    <script type="text/javascript" src="js/mouse-move-parallax.js"></script>

    <!-- Parallax js -->
    <script type="text/javascript" src="js/parallax.min.js"></script>

    <!-- Main Script -->
    <script src="js/script.js"></script>
</body>
</html>